<template>
  <footer id="footer">
    <div class="page-width">
      <ul class="footer-c clearfix">
        <li>
          <h6>dilidili</h6>
          <a href="#" class="card">关于我们</a>
          <a href="#" class="card">友情链接</a>
          <a href="#" class="card">周边</a>
          <a href="#" class="card">联系我们</a>
          <a href="#" class="card">加入我们</a>
          <a href="#" class="card">官方认证</a>
        </li>
        <li class="middle">
          <h6>传送门</h6>
          <a href="#" class="card">帮助中心</a>
          <a href="#" class="card">高级弹幕</a>
          <a href="#" class="card">活动专题页</a>
          <a href="#" class="card">侵权申诉</a>
          <a href="#" class="card">分院帽计划</a>
          <a href="#" class="card">活动中心</a>
          <a href="#" class="card">用户反馈论坛</a>
          <a href="#" class="card">壁纸站</a>
          <a href="#" class="card">名人堂</a>
        </li>
        <li class="footer-icon">
          <div class="cont">
            <a href="#" class="app">
              <i></i>
              <em>手机端下载</em>
              <img src="../../../public/images/app-qrcode.png" alt="#">
            </a>
            <a href="#" class="weibo">
              <i></i>
              <em>新浪微博</em>
              <img src="../../../public/images/weibo-qrcode.png" alt="#">
            </a>
            <a href="#" class="weixin">
              <i></i>
              <em>官方微信</em>
              <img src="../../../public/images/weixin-arcode.gif" alt="#">
            </a>
          </div>
        </li>
      </ul>
    </div>
    <div class="page-width parther">
      <p>
        广播电视节目制作经营许可证：（沪）字第1248号 | 网络文化经营许可证：沪网文[2016]2296-134号 | 信息网络传播视听节目许可证：0910417 | 互联网ICP备案：沪ICP备13002172号-3 沪ICP证：沪B2-20100043 | 违法不良信息举报邮箱：help@bilibili.com | 违法不良信息举报电话：4000233233转3 | 营业执照
        上海互联网举报中心 |12318 全国文化市场举报网站 | 沪公网安备 31011002002436号 |儿童色情信息举报专区
        网上有害信息举报专区： 中国互联网违法和不良信息举报中心
        公司名称：上海宽娱数码科技有限公司 | 公司地址：上海市杨浦区政立路485号 | 电话：021-25099888
      </p>
    </div>
  </footer>
</template>

<script>
export default {
  name: "HomeFooter"
};
</script>

<style scoped>
#footer {
  margin-top: 20px;
}
.parther {
  line-height: 24px;
  padding-top: 20px;
  color: #99a2aa;
  text-align: center;
  font-size: 12px;
}
</style>